<!-- slideshow ====================
    ======================================-->
    <!-- Carousel
    ================================================== -->

    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner">
        <div class="item active">
          <img src="<?php echo base_url();?>media/slides/bg-42.jpg" alt="">
          <div class="container">
            <div class="carousel-caption">
              <h1>Example headline.</h1>
              <p>Note: If you're viewing this page via a <code>file://</code> URL, the "next" and "previous" Glyphicon buttons on the left and right might not load/display properly due to web browser security rules.</p>
              <p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="<?php echo base_url();?>media/slides/bg-11.jpg" alt="">
          <div class="container">
            <div class="carousel-caption">
              <h1>Another example headline.</h1>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
              <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="<?php echo base_url();?>media/slides/bg-4-2.jpg" alt="">
          <div class="container">
            <div class="carousel-caption">
              <h1>One more for good measure.</h1>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
              <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
      <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
    </div><!-- /.carousel -->

    <!-- Giới thiệu về ứng dụng khảo sát online -->
    <div class="container">
      <h1 class="text-center">Tạo khảo sát, thu về những phản hồi</h1>
      <div class="row">
        <div class="col-md-4">
          <img src="http://signoff.me/skin/front_end/images/Step_01.png">
            <h3>Tạo <strong>khảo sát</strong></h3>
            <p class="text-left">Create a checklist you want your client or team to sign off on. You can attach any files you want to your project. Checklists can also be saved as a template for future use.</p>
        </div>
        <div class="col-md-4">
          <img src="http://signoff.me/skin/front_end/images/Step_01.png">
          <h3>Thu thập dữ liệu</h3>
          <p class="text-left">Create a checklist you want your client or team to sign off on. You can attach any files you want to your project. Checklists can also be saved as a template for future use.</p>
        </div>
        <div class="col-md-4">
          <img src="http://signoff.me/skin/front_end/images/Step_01.png">
          <h3>Kết quả <strong>khảo sát</strong></h3>
          <p class="text-left">Create a checklist you want your client or team to sign off on. You can attach any files you want to your project. Checklists can also be saved as a template for future use.</p>
        </div>
      </div>

      <hr class="soften">

      <div class="row">
        <div class="col-md-6">
          <img src="http://signoff.me/skin/front_end/images/liteex2.png" />
        </div>
        <div class="col-md-6 text-left">
          <h1>Tạo tài khoản miễn phí và dùng thử.</h1>
          <p>We know you are busy, so go ahead and try out our lite version completely free! Send a sign off list to your clients in seconds.</p>
          <p>The free version allows you to upload a single file with a 1.5mb limit. You will get notified once your project is signed off or rejected. The link to your project will be available for an entire month.</p>
          <p>The full system makes your projects available for a limitless amount of time, allows you to manage your projects, have multiple files, set your company's branding, and much more! 
          </p><br />
          <p><a href="" class="btn btn-primary btn-lg">Dùng thử <strong>khảo sát</strong> việt</a></p>
        </div>
      </div>
    
      <hr class="soften">

      <h1 class="text-center">Các ví dụ khảo sát khách hàng</h1>
        <div class="row">
          <ul class="thumbnails example-sites list-inline">
            <li class="col-md-3">
              <a class="thumbnail" href="" target="_blank">
                <img src="<?php echo base_url();?>media/example-sites/soundready.png" alt="SoundReady.fm">
              </a>
            </li>
            <li class="col-md-3">
              <a class="thumbnail" href="" target="_blank">
                <img src="<?php echo base_url();?>media/example-sites/kippt.png" alt="Kippt">
              </a>
            </li>
            <li class="col-md-3">
              <a class="thumbnail" href="" target="_blank">
                <img src="<?php echo base_url();?>media/example-sites/gathercontent.png" alt="Gather Content">
              </a>
            </li>
            <li class="col-md-3">
              <a class="thumbnail" href="" target="_blank">
                <img src="<?php echo base_url();?>media/example-sites/jshint.png" alt="JS Hint">
              </a>
            </li>
          </ul>
        </div>
      </div>


<script>
  $(function(){
      $('#myCarousel').carousel();
  });
</script>